4
תגובות
שלום,

היום עשיתי דף HTML חדש, שמתי תגית Doctype כרגיל, וכשפתחתי את האתר, יש רווח בחלק העליון.
הנה תמונה:
http://www.israup.net/images/21b8bc265b1e70a053c4d3bdb7eb63f3.PNG

שימו לב, הרווח מסומן בעיגול אדום..

כשאני מוריד את ה Doctype, אין את הרווח הזה.

זה קוד ה HTML:

<!doctype html>
<!--[if IE 7 ]><html class="no-js ie ie7 lte7 lte8 lte9" lang="he"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9" lang="he"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9>" lang="he"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="He"><!--<![endif]-->

  <head>
    <!--Language tags-->
    <meta http-equiv="Content-Type" content="text/html; charset=Utf-8" />
    <!--End Language tags-->
   
    <!--Page title-->
    <title>Asite - בניית אתרים</title>
    <!--End Page Title-->
   
    <!-- meta tags -->
    <meta name="robots" content="index, follow" />
    <meta name="author" content="Asite - בניית אתרים" />
    <meta name="description" content="תאור האתר" />
    <meta name="keywords" content="מילות מפתח(מופרדות בפסיקים)" />
    <!-- end meta tags -->
   
    <!--link to scripts-->
    <link href="Site/Tampletes/Style_2/Style/Css/style.php" rel="stylesheet" />
    <script src="Site/Tampletes/Style_2/Style/Js/jquery-1.8.3.js"></script>
    <script src="Site/Tampletes/Style_2/Style/Js/jquery-ui-1.9.2.custom.js"></script>
    <script src="Site/Tampletes/Style_2/Style/Js/left-tabs.js"></script>
    <!--End link to scripts-->
   
  </head>
  <body style="margin: 0; width: 900px; margin-left: auto; margin-right: auto;">

  <div style="background-color: blue; width: 100%; height: 100px; color: white; text-align: center;">
    <h1>Ariel Tador's Workspace</h1>
    <h3>Start Page</h3>
  </div>
  Text..  <div style="background-color: blue; width: 900px; height: 20px; color: white; position: fixed; bottom: 0px; text-align: left;">
  All right Reserved
  </div>

</body>
</html>

4 תשובות

avatar ענה nightf ב 18 למרץ 2013 #

padding:0?

avatar ענה OrelBeY ב 18 למרץ 2013 #

תסתכל בקוד המקור של הדף, והפעם באמצעות כלי כמו זה של גוגל או כמו פיירבאג, ותבדוק אם אתה רואה שם כל מיני קבצי JS או קוד HTML שלא אמורים להיות שם. יש תוספי דפדפן שעושים את זה. בטעות, אמנם, אבל זה מעצבן רצח.
זו רק אפשרות... כי אני לא רואה שום סיבה ש-DOCTYPE יוסיף רווח. DOCTYPE אפילו לא נחשב כאלמנט.

בדקתי קצת, ודווקא ראיתי שיש די הרבה תשובות שם (זה לא כמו שחשבתי). תנסה לחפש בגוגל.

avatar ענה mayden ב 18 למרץ 2013 #

תשמור את הקובץ כ- UTF-8 WITHOUT BOM בתוכנת עריכה בסגנון Notepad++.

avatar ענה intval ב 18 למרץ 2013 #

אני ממליץ להשתמש ב css reset (בחר אחד מהרשימה)
הדבר הזה יאפשר להביא את כל הדפדפנים למצב התחלתי זהה ולמהשיך את העיצוב משם
בגלל שלפי ברירת מחדל כל דפדפן בה עם עימוד שונה לסטיילים הפניימים שלו.